<template>
	<div class="content">
	    <div class="banner">
	    	<banner v-on:closeOpen="closeOpen"></banner>
	    </div>
	    <div class="des" v-show="active">
	    	<des></des>
	    </div>
	    <div class="style" v-show="active">
	    	<hstyle></hstyle>
	    </div>
	    <div class="trait" v-show="active">
	    	<trait></trait>
	    </div>
	</div>
</template>

<script>

export default {
	components: {
            banner:require('~/components/banner/TA-APP.vue').default,
            des:require('~/components/des/TA-APP.vue').default,
            hstyle:require('~/components/style/TA-APP.vue').default,
            trait:require('~/components/trait/TA-APP.vue').default,
        },
	data(){
	  	return{
	  		active:false
	  	}
	},
	mounted () {
		var _this=this;
		$(window).scroll(function() {
		    if($(document).scrollTop()>50){
		    	_this.active=true;
		    }
		});	
	},
	methods :{
		closeOpen(closeOpen){
			this.active=true;
			$('body,html').animate({scrollTop:$(window).height()},1500)
		}
  }
}
</script>

<style>

</style>

